.headred{
    background: #ef5350 !important;;
}
.headred .navbar-nav{
    background: #ef5350 !important;;
}
.headred .navbar-brand{
    color: white;
}
.headred .navbar-nav>li>a{
    color:#cccccc
}
.headred .navbar-nav>.active>a{
    background:#ef5350;
    color: #ffffff;
}
.headred .navbar-nav>.active>a:hover{
    background:#ef5350;
}
.headpink{
    background: #e91e63 !important;;
}
.headpink .navbar-nav{
    background: #e91e63 !important;;
}
.headpink .navbar-brand{
    color: white;
}
.headpink .navbar-nav>li>a{
    color:#cccccc
}
.headpink .navbar-nav>.active>a{
    background:#e91e63;
    color: #ffffff;
}
.headpink .navbar-nav>.active>a:hover{
    background:#e91e63;
}
.headpurple{
    background: #ab47bc !important;;
}
.headpurple .navbar-nav{
    background: #ab47bc !important;;
}
.headpurple .navbar-brand{
    color: white;
}
.headpurple .navbar-nav>li>a{
    color:#cccccc
}
.headpurple .navbar-nav>.active>a{
    background:#ab47bc;
    color: #ffffff;
}
.headpurple .navbar-nav>.active>a:hover{
    background:#ab47bc;
}
.headblue{
    background: #2196f3 !important;;
}
.headblue .navbar-nav{
    background: #2196f3 !important;;
}
.headblue .navbar-brand{
    color: white;
}
.headblue .navbar-nav>li>a{
    color:#cccccc
}
.headblue .navbar-nav>.active>a{
    background:#2196f3;
    color: #ffffff;
}
.headblue .navbar-nav>.active>a:hover{
    background:#2196f3;
}
.headgreen{
    background: #4caf50 !important;;
}
.headgreen .navbar-nav{
    background: #4caf50 !important;;
}
.headgreen .navbar-brand{
    color: white;
}
.headgreen .navbar-nav>li>a{
    color:#cccccc
}
.headgreen .navbar-nav>.active>a{
    background:#4caf50;
    color: #ffffff;
}
.headgreen .navbar-nav>.active>a:hover{
    background:#4caf50;
}
.headorange{
    background: #fb8c00 !important;;
}
.headorange .navbar-nav{
    background: #fb8c00 !important;;
}
.headorange .navbar-brand{
    color: white;
}
.headorange .navbar-nav>li>a{
    color:#cccccc
}
.headorange .navbar-nav>.active>a{
    background:#fb8c00;
    color: #ffffff;
}
.headorange .navbar-nav>.active>a:hover{
    background:#fb8c00;
}
.headbrown{
    background: #795548 !important;;
}
.headbrown .navbar-nav{
    background: #795548 !important;;
}
.headbrown .navbar-brand{
    color: white;
}
.headbrown .navbar-nav>li>a{
    color:#cccccc
}
.headbrown .navbar-nav>.active>a{
    background:#795548;
    color: #ffffff;
}
.headbrown .navbar-nav>.active>a:hover{
    background:#795548;
}
.headblue-grey{
    background: #546e7a !important;;
}
.headblue-grey .navbar-nav{
    background: #546e7a !important;;
}
.headblue-grey .navbar-brand{
    color: white;
}
.headblue-grey .navbar-nav>li>a{
    color:#cccccc
}
.headblue-grey .navbar-nav>.active>a{
    background:#546e7a;
    color: #ffffff;
}
.headblue-grey .navbar-nav>.active>a:hover{
    background:#546e7a;
}